<!DOCTYPE HTML>
<html>
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <base href="http://clickmobile.com/"></base>
  <link rel="stylesheet" type="text/css" href="<?php echo $stylePath.'css/bootstrap.min.css' ;?>">
  <link rel="stylesheet" type="text/css" href="<?php echo $stylePath.'css/otherstyle.css';?>">
</head>
<body>
  <div class="container well">
  	<div class="row">
  		<div class="span2">
 	 		<div class="logo"></div>
  		</div>
  		<div class="span3 offset7">
  			<div class="account">
  				<div class="btn-group pull-right">
	              <a class="btn btn-info" href="#"><i class="icon-user icon-white"></i>Thông tin tài khoản</a>
	              <a class="btn btn-info" href="admin.php/login/logout"><i class="icon-off icon-white"></i></a>
	            </div>
  			</div>
  		</div>
  	</div>
  	<div class="row">
  		<div class="span12">
			  <div class="navbar">
            <div class="navbar-inner">
                <div class="container">
                  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </a>
                  <a class="brand" href="#">Quản trị</a>
                  <div class="nav-collapse">
                    <ul class="nav">
                      <li class="divider-vertical"></li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Người dùng <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Người dùng <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Người dùng <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Người dùng <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Người dùng <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>                                                                                        
                    </ul>
                  </div><!-- /.nav-collapse -->
                </div>
            </div><!-- /navbar-inner -->
          </div>
  		</div>
  	</div>
  	<div class="row">
  		<div class="span2 side-bar">
        <ul class="nav nav-list">
          <li class="nav-header">Quản trị người dùng</li>
          <li class="active"><a href="#">Người dùng</a></li>
          <li><a href="#">Library</a></li>
        </ul>
  		</div>
      <div class="span9 pull-right main-content">
        <div class="filter">
          <form class="form-inline">
            <input type="text" class="" placeholder="Tên" name="name">
            <input type="date" class="" placeholder="Sinh nhật" name="birthday">
            <input type="text" style="width:150px" placeholder="Điện thoại" name="phone">
            <input type="text" class="" placeholder="Email" name="email">  
            <button type="submit" style="width:60px" class="btn pull-right btn-info"><i class="icon-filter icon-white"></i></button>          
          </form>
        </div>
        <div class="customer-list">
          <table class="table table-bordered table-hover">
              <thead>
                <tr class="info">
                  <th colspan="4"></th>
                  <th>Tên</th>
                  <th>Mật khẩu</th>
                  <th>Ngày sinh</th>
                  <th>Điện thoại</th>
                  <th>Email</th>
                </tr>
              </thead>
              <tbody>
                <tr class="">
                  <td><input type="checkbox"></td>
                  <td>
                    <a class="btn btn-small btn-danger" href="#"><i class="icon-trash icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-info" href="#"><i class="icon-edit icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-success" href="#"><i class="icon-envelope icon-white"></i></a>
                  </td>
                  <td>TB - Monthly</td>
                  <td>01/04/2012</td>
                  <td>Approved</td>
                  <td>Approved</td>
                  <td>Approved</td>
                </tr>
                <tr class="">
                  <td><input type="checkbox"></td>
                  <td>
                    <a class="btn btn-small btn-danger" href="#"><i class="icon-trash icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-info" href="#"><i class="icon-edit icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-success" href="#"><i class="icon-envelope icon-white"></i></a>
                  </td>

                  <td>TB - Monthly</td>
                  <td>02/04/2012</td>
                  <td>Declined</td>
                  <td>Declined</td>
                  <td>Declined</td>

                </tr>
                <tr class="">
                  <td><input type="checkbox"></td>
                  <td>
                    <a class="btn btn-small btn-danger" href="#"><i class="icon-trash icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-info" href="#"><i class="icon-edit icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-success" href="#"><i class="icon-envelope icon-white"></i></a>
                  </td>

                  <td>TB - Monthly</td>
                  <td>03/04/2012</td>
                  <td>Pending</td>
                  <td>Pending</td>
                  <td>Pending</td>

                </tr>
                <tr class="">
                  <td><input type="checkbox"></td>
                  <td>
                    <a class="btn btn-small btn-danger" href="#"><i class="icon-trash icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-info" href="#"><i class="icon-edit icon-white"></i></a>
                  </td>
                  <td>  
                    <a class="btn btn-small btn-success" href="#"><i class="icon-envelope icon-white"></i></a>
                  </td>

                  <td>TB - Monthly</td>
                  <td>04/04/2012</td>
                  <td>Call in to confirm</td>
                  <td>Call in to confirm</td>
                  <td>Call in to confirm</td>

                </tr>
              </tbody>
          </table>        
        </div>
        <div class="control-list">
          <img src="<?php echo $stylePath.'/img/arrow_ltr.png' ?>">
          <button class="btn btn-info"><i class="icon-check icon-white"></i></button>
          <button class="btn btn-danger"><i class="icon-trash icon-white"></i> Xóa</button>

        </div>
      </div>
  	</div>
  	<div class="row">
  		<div class="span12 footer">
	        <a href="#"> Trang quản trị </a> | <a href="#"> Trang người dùng </a> | <a href="#"> Trợ giúp kĩ thuật </a>
	        <div class="pull-right">
	        <a href="#">© 2012 ClickMobile</a>  
        </div>
  		</div>
  	</div>   
  </div>
<script type="text/javascript" src="<?php echo $stylePath.'js/jquery.min.js'; ?>"></script>
<script type="text/javascript" src="<?php echo $stylePath.'js/bootstrap.min.js';?>"></script> 
</body>
</html>
